<template>
  <div class="home basebox">


    <!-- 底部标签栏 -->
    <div class="home-container">
      <router-view></router-view>
      <van-tabbar v-model="active" :active-color="tabbarActiveColor" :placeholder="true"  >
        <van-tabbar-item icon="wap-home-o" to="/home/index">首页</van-tabbar-item>
        <van-tabbar-item icon="todo-list-o" to="/home/Daily">日报</van-tabbar-item>
        <van-tabbar-item icon="friends-o" to="/home/person">个人空间</van-tabbar-item>
      </van-tabbar>
    </div>
  </div>

</template>

<script>


export default {
  name: 'HomeView',

  data() {
    return {
      // 导航栏默认选中页面
      active: 0,
      // 标签栏颜色
      tabbarActiveColor: '#1989fa'
    };
  },
  methods: {
    onClickLeft() {
      // 返回上一级
      this.$router.back()
    },
    onClickRight() {
      // 刷新该页面
      // this.$router.back(1)
    },
  },

}
</script>
<style>
.basebox {
  background-color: aliceblue;
  width: 100%;
  min-height: 100vh;
}
</style>
